<aside>
    <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu">
            <li id="Hotel_Home" class="" id="Hotel_Home">
                <a class="" href="./background.jsp">
                    <i class="icon-dashboard"></i>
                    <span>Home</span>
                </a>
            </li>
            <li class="sub-menu" id="Hotel_Subscribe">
                <a href="javascript:;" class="">
                    <i class="icon-book"></i>
                    <span>Subscribes</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="sub_overview"><a class="" href="./sub_overview.jsp">Overview</a></li>
                </ul>
            </li>
            <li class="sub-menu" id="Hotel_Room">
                <a href="javascript:;" class="">
                    <i class="icon-book"></i>
                    <span>Rooms</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="room_overview"><a class="" href="./room_overview.jsp">Overview</a></li>
                    <li id="room_add_sidebar"><a class="" href="./room_add.jsp">New Room</a></li>
                </ul>
            </li>
            <li class="sub-menu" id="Hotel_Room_Type">
                <a href="javascript:;" class="">
                    <i class="icon-tasks"></i>
                    <span>Room Type</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="room_category_overview"><a class="" href="./room_category_overview.jsp">Overview</a></li>
                    <li id="room_category_add"><a class="" href="./room_category_add.jsp">New Type</a></li>
                </ul>
            </li>
            <li class="sub-menu" id="Hotel_Consume">
                <a href="javascript:;" class="">
                    <i class="icon-th"></i>
                    <span>Consume</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="consume_info"><a href="./consume_info.jsp">User Consume</a></li>
                    <li id="consume_overview"><a class="" href="./consume.jsp">Consumable</a></li>
                    <li id="consume_category"><a class="" href="./consume_category.jsp">Consume Type</a></li>
                </ul>
            </li>
            <li class="sub-menu" id="Hotel_User">
                <a href="javascript:;" class="">
                    <i class="icon-cogs"></i>
                    <span>Users</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li id="user_overview"><a class="" href="./user_overview.jsp">Overview</a></li>
                </ul>
            </li>
        </ul>
        <!-- sidebar menu end-->
    </div>
</aside>